import { ElProgress } from 'element-plus';

export const MciProgress = defineComponent({
  name: 'MciProgress',
  props: {
    width: {
      type: Number,
      default: 126
    },
    percentage: {
      type: [Number, String],
      default: 0
    },
    color: {
      type: String,
      default: ''
    }
  },
  render() {
    return (
      <ElProgress
        width={this.width}
        percentage={Number(this.percentage)}
        color={this.color}
        vSlots={this.$slots}
      />
    );
  }
});
